<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>键盘事件</title>
</head>
<body>
<script>
    /*keydown  用户正在按下键时，发生此事件(按一下立马松开)
    * keypress 用户按下键时，发生此事件(按下不送)
    * keyup    用户松开键时，发生此事件
    * */

    var input = document.createElement("input");
    input.value = "你好，键盘";
    var oldvalue=input.value;
    input.onkeydown=function (){
        console.log(input.value);
    }
    input.onkeypress=function (){
        input.value="你好，按下";
        // console.log(input.value);
    }
    input.onkeyup=function (){
        // console.log("哈哈哈")
        input.value=oldvalue
    }



    var body = document.getElementsByTagName("body")[0];
    body.appendChild(input)
</script>
</body>
</html>